Page({
  data: {
    dialogVisible: false,
    list:[],
    // 首次加载白屏list为空解决
    isFirst:true

  },

  onShow() {
    this.geList();
  },
  // 获取房屋列表信息
  async geList() {
    // 调用接口
    const { code, data: houseList } = await wx.http.get('/room')
  
    // 检测接口是否调用成功
    if (code !== 10000) return wx.utils.toast()
    // 渲染数据
    this.setData({
      list: houseList,
    })
  },
  // 滑动组件的具体实现
  async swipeClose(ev) {
    const { position,instance } = ev.detail

    if (position === 'right') {
      // // 显示 Dialog 对话框
      // this.setData({
      //   dialogVisible: true,
      // })

      // 调用原生的模态框
      const res = await wx.showModal({
        content: '是否删除已绑定房屋',
        confirmText: '确定',
        cancelText: '取消',
        cancelColor:"#999",
        confirmColor:"#5591af",
        showCancel:true
      })      
      // // swiper-cell 滑块关闭
      instance.close()

      // 调用删除接口
      if (res.confirm) {
        await wx.http.delete(`/room/${ev.mark.id}`)       
        // 前端不调接口进行乐观ui更新
        this.setData({
          list: this.data.list.filter(item => item.id !== ev.mark.id)
        })
      }
    }
  },

  goDetail(ev) {
    // 通过 mark:id 来传递数据
    wx.navigateTo({
      url: '/house_pkg/pages/detail/index?id=' + ev.mark.id,
    })
  },

  addHouse() {
    wx.navigateTo({
      url: '/house_pkg/pages/locate/index',
    })
  },
})
